*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;background-color:#fff;color:#1f2937;display:grid;place-items:center;min-height:100vh;text-align:center;padding:1rem;overflow:hidden}main{display:flex;flex-direction:column;align-items:center;gap:1.5rem}img{width:96px;height:96px;border-radius:.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}h1{font-weight:600;color:#1f2937;font-size:clamp(2rem,5vw,3rem)}p{color:#4b5563;font-size:clamp(1rem,2.5vw,1.125rem);max-width:500px;line-height:1.6}a{display:inline-block;background-color:#2563eb;color:#fff;font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px -1px rgb(37 99 235 / .2),0 2px 4px -2px rgb(37 99 235 / .2)}a:hover,a:focus{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(37 99 235 / .2),0 4px 6px -4px rgb(37 99 235 / .2);outline:2px solid rgb(37 99 235 / .5);outline-offset:2px}#cookie{position:fixed;bottom:1rem;left:1rem;right:1rem;background-color:#1f2937;color:#f3f4f6;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);max-width:500px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;transform:translateY(200%);animation:slide-up .5s .5s ease forwards;z-index:1000}#cookie p{margin:0;font-size:.875rem;color:#f3f4f6;text-align:left;flex-grow:1}#cookie button{background-color:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600}#cookie button:focus{outline:2px solid rgb(37 99 235 / .5);outline-offset:2px}@keyframes slide-up{to{transform:translateY(0)}}.hidden{display:none!important}